<template>
  <div class="box">
    <notic-list @titleClass="changeName"/>
    <notic-notics :name="names"/>
    <notic-notshow/>
    <notic-pages :name="names" v-if="$store.state.gg.tatal"/>
  </div>
</template>

<script>
import NoticList from './components/list'
import NoticNotics from './components/notics'
import NoticNotshow from './components/notshow'
import NoticPages from './components/pages'
export default {
  name: 'Notice',
  data () {
    return {
      names: '公告'
    }
  },
  components: {
    NoticList,
    NoticNotics,
    NoticNotshow,
    NoticPages
  },
  methods: {
    changeName (val) {
      this.names = val
      console.log('分类', val)
    }
  },
  mounted () {
    console.clear()
  }
}
</script>

<style lang="stylus" scoped>
  .box{
    position: relative
    width: 1200px
    height: auto
    margin: 0 auto
    content: ''
    clear: both
    display: table
  }
  .box:after{
    content: ''
    clear: both
    display: table
  }
</style>
